<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<div class="clearfix m_bottom_30 t_xs_align_c">
    <?php
    if (isset($sanpham)) {
        ?>
        <div class="photoframe type_2 shadow r_corners f_left f_sm_none d_xs_inline_b product_single_preview relative m_right_30 m_bottom_5 m_sm_bottom_20 m_xs_right_0 w_mxs_full"> <span class="hot_stripe"><img src="<?php echo base_url('assets'); ?>/images/sale_product.png" alt=""></span>
            <div class="relative d_inline_b m_bottom_10 qv_preview d_xs_block"> <img id="zoom_image" src="<?php echo base_url('uploads'); ?><?php echo $sanpham['product_full_image'] ?>" data-zoom-image="images/preview_zoom_1.jpg" class="tr_all_hover" alt=""> <a href="images/preview_zoom_1.jpg" class="d_block button_type_5 r_corners tr_all_hover box_s_none color_light p_hr_0"> <i class="fa fa-expand"></i> </a> </div>
            <!--carousel-->
            <div class="relative qv_carousel_wrap">
                <button class="button_type_11 bg_light_color_1 t_align_c f_size_ex_large bg_cs_hover r_corners d_inline_middle bg_tr tr_all_hover qv_btn_single_prev"> <i class="fa fa-angle-left "></i> </button>
                <ul class="qv_carousel_single d_inline_middle">
                    <a href="#" data-image="<?php echo base_url('assets'); ?>/images/quick_view_img_7.jpg" data-zoom-image="<?php echo base_url('assets'); ?>/images/preview_zoom_1.jpg"><img src="<?php echo base_url('assets'); ?>/images/quick_view_img_10.jpg" alt=""></a> <a href="#" data-image="<?php echo base_url('assets'); ?>/images/quick_view_img_8.jpg" data-zoom-image="images/preview_zoom_2.jpg"><img src="<?php echo base_url('assets'); ?>/images/quick_view_img_11.jpg" alt=""></a> <a href="#" data-image="<?php echo base_url('assets'); ?>/images/quick_view_img_9.jpg" data-zoom-image="images/preview_zoom_3.jpg"><img src="<?php echo base_url('assets'); ?>/images/quick_view_img_12.jpg" alt=""></a> <a href="#" data-image="<?php echo base_url('assets'); ?>/images/quick_view_img_16.jpg" data-zoom-image="images/preview_zoom_4.jpg"><img src="<?php echo base_url('assets'); ?>/images/quick_view_img_13.jpg" alt=""></a> <a href="#" data-image="<?php echo base_url('assets'); ?>/images/quick_view_img_17.jpg" data-zoom-image="<?php echo base_url('assets'); ?>/images/preview_zoom_5.jpg"><img src="<?php echo base_url('assets'); ?>/images/quick_view_img_14.jpg" alt=""></a> <a href="#" data-image="<?php echo base_url('assets'); ?>/images/quick_view_img_18.jpg" data-zoom-image="images/preview_zoom_6.jpg"><img src="<?php echo base_url('assets'); ?>/images/quick_view_img_15.jpg" alt=""></a>
                </ul>
                <button class="button_type_11 bg_light_color_1 t_align_c f_size_ex_large bg_cs_hover r_corners d_inline_middle bg_tr tr_all_hover qv_btn_single_next"> <i class="fa fa-angle-right "></i> </button>
            </div>
        </div>
        <div class="p_top_10 t_xs_align_l"> 
            <!--description-->
            <h2 class="color_dark fw_medium m_bottom_10"><?php echo $sanpham['product_name']; ?></h2>
            <div class="m_bottom_10"> 
                <!--rating-->
                <ul class="horizontal_list d_inline_middle type_2 clearfix rating_list tr_all_hover">
                    <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
                    <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
                    <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
                    <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
                    <li> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
                </ul>
                <a href="#" class="d_inline_middle default_t_color f_size_small m_left_5">1 bình luận </a> </div>
            <hr class="m_bottom_10 divider_type_3">
            <table class="description_table m_bottom_10">
                <tr>
                    <td>Thương hiệu:</td>
                    <td><a href="#" class="color_dark">Chanel</a></td>
                </tr>
                <tr>
                    <td>Đang còn:</td>
                    <td><span class="color_green">trong kho</span> 20 sản phẩm</td>
                </tr>
                <tr>
                    <td>Mã sản phẩm:</td>
                    <td id="masp_product" ><?php echo $sanpham['product_id']; ?></td>
                </tr>
            </table>
            <h5 class="fw_medium m_bottom_10">Một vài sản phẩm khác</h5>
            <table class="description_table m_bottom_5">
                <tr>
                    <td>Thông tin XYZ:</td>
                    <td><span class="color_dark">Thông tin XYZ</span></td>
                </tr>
                <tr>
                    <td>Thông tin ZYX:</td>
                    <td>Thông tin ZYX</td>
                </tr>
            </table>
            <hr class="divider_type_3 m_bottom_10">
            <p class="m_bottom_10">EZRA là thương hiệu thời trang dành cho những người yêu thích sự mới mẻ, hiện đại và luôn khẳng định mình trong việc đón đầu các xu hướng. Lấy cảm hứng từ phong cách của các ngôi sao nổi tiếng, từ các sàn diễn thời trang và các trào lưu đường phố, EZRA sẽ mang đến bộ sưu tập gồm những mẫu trang phục, giày dép, túi xách không thể thiếu đối với bất kỳ tín đồ thời trang nào muốn tạo cho mình phong cách độc đáo với giá thành vô cùng hợp lý.</p>
            <hr class="divider_type_3 m_bottom_15">
            <div class="m_bottom_15"> <s class="v_align_b f_size_ex_large">152.000 VNĐ</s><span class="v_align_b f_size_big m_left_5 scheme_color fw_medium">102.000 VNĐ</span> </div>
            <table class="description_table type_2 m_bottom_15">
                <tr>
                    <td class="v_align_m">Kích thước:</td>
                    <td class="v_align_m"><div class="custom_select f_size_medium relative d_inline_middle">
                            <div class="select_title r_corners relative color_dark">s</div>
                            <ul class="select_list d_none">
                            </ul>
                            <select name="size" id="size">
                                <option value="s">s</option>
                                <option value="m">m</option>
                                <option value="l">l</option>
                            </select>
                        </div></td>
                </tr>
                <tr>
                    <td class="v_align_m" >Số lượng:</td>
                    <td class="v_align_m"><div class="clearfix quantity r_corners d_inline_middle f_size_medium color_dark">
                            <button class="bg_tr d_block f_left" data-direction="down">-</button>
                            <input type="text" name="qty" id="qty" readonly value="1" class="f_left">
                            <button class="bg_tr d_block f_left" data-direction="up">+</button>
                        </div></td>
                </tr>
            </table>
            <div class="d_ib_offset_0 m_bottom_20">
                <?php echo form_open_multipart(''); ?>
                <button id="btn-them-product" class="button_type_12 r_corners bg_scheme_color color_light tr_delay_hover d_inline_b f_size_large">Thêm vào giỏ</button>
                <?php echo form_close(); ?>
                <button class="button_type_12 bg_light_color_2 tr_delay_hover d_inline_b r_corners color_dark m_left_5 p_hr_0"><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Wishlist</span><i class="fa fa-heart-o f_size_big"></i></button>
                <button class="button_type_12 bg_light_color_2 tr_delay_hover d_inline_b r_corners color_dark m_left_5 p_hr_0"><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Compare</span><i class="fa fa-files-o f_size_big"></i></button>
                <button  class="button_type_12 bg_light_color_2 tr_delay_hover d_inline_b r_corners color_dark m_left_5 p_hr_0 relative"><i class="fa fa-question-circle f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Ask a Question</span></button>
            </div>
            <p class="d_inline_middle">Chia sẻ cho bạn bè:</p>
            <div class="d_inline_middle m_left_5 addthis_widget_container"> 
                <!-- AddThis Button BEGIN -->
                <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div>
                <!-- AddThis Button END --> 
            </div>
        </div>
        <?php
    }
    ?>
</div>

